
#root {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
#root .project-item {
    width: 100px;
    line-height: 100px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 10px;
    font-size: 16px;
    font-family: '微软雅黑 Light';
    cursor: pointer;
    text-align: center;
    white-space: nowrap;/*内容超宽后禁止换行显示*/
    overflow: hidden;/*超出部分隐藏*/
    text-overflow: ellipsis;/*文字超出部分以省略号显示*/
}

#root .project-item:hover {
    box-shadow: 0 0 5px #888888;
}

::-webkit-scrollbar {  /*滚动条整体样式*/
    width: 5px;  /*宽分别对应竖滚动条的尺寸*/
    height: 5px;  /*高分别对应横滚动条的尺寸*/
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    border-radius: 5px;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    background-color: #eee;
}
